@model IEnumerable<CrazyToDo.Web.Models.MatterViewModel>
@{
    ViewData["Title"] = "Matter";
}  

@section Script {
      <script src="~/Home/js/Home.js"></script>
      <link href="~/Home/css/Home.css" rel="stylesheet" />
}

<div class="view-matter" >
    <div class="My-List"  id="showMatters">
        @foreach (var item in Model)
        {
            if (item.State == true)
            {
                <div class="input-group" id="view-true-position">
                    <span class="input-group-addon" id="view-true-height">
                        <input id="check" type="checkbox" checked="checked" onclick="changeStateInMatter(@item.Id)" class="view-true-check">
                    </span>
                    
                    <p type="text" id="detailed-information"  class="form-control" onclick="details(@item.Id)">
                        @item.Content
                    </p>
                    <span class="input-group-addon" id="view-true-delete" >
                        <img src="~/Home/img/删除(1).png" class="delete" onclick="DeleteMatterInMatter(@item.Id)" />
                    </span>
                </div>

            }
            else
            {
                <div class="input-group" id="view-false-position">
                    <span class="input-group-addon" id="view-false-height" >
                        <input id="check" type="checkbox" onclick="changeStateInMatter(@item.Id)" class="view-false-check" >
                    </span>
                    
                    <p type="text" id="detailed-information-none" class="form-control" onclick="details(@item.Id)">
                        @item.Content
                    </p>
                    <span class="input-group-addon" id="view-false-delete" >
                        <img src="~/Home/img/删除(1).png" class="delete" onclick="DeleteMatterInMatter(@item.Id)" />
                    </span>
                </div>

            }

        }

    </div>
</div>
    <div class="Matter-Detailed-Information"  id="details">
        <div><img src="~/Home/img/crazydog.png" id="crazydog-picture"/></div>
        <div class="details-top">
            <div class="panel panel-info" id="matter-content-panel">
                <div class="panel-heading"id="matter-content-head">
                    <h3 class="panel-title">事件内容</h3>
                </div>
                <div class="panel-body">
                </div>
            </div>
            <div class="panel panel-info" id="matter-time-panel">
                <div class="panel-heading" id="matter-time-head">
                    <h3 class="panel-title">创建时间</h3>
                </div>
                <div class="panel-body">
                </div>
            </div>
            <div class="panel panel-info" id="matter-overtime-panel">
                <div class="panel-heading" id="matter-overtime-head">
                    <h3 class="panel-title">过期时间</h3>
                </div>
                <div class="panel-body">
                </div>
            </div>
            <div class="panel panel-info" id="matter-remark-panel">
                <div class="panel-heading" id="matter-remark-head">
                    <h3 class="panel-title">事项备注</h3>
                </div>
                <div class="panel-body">
                </div>
            </div>
        </div>

    </div>



